<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	template="/layoutsFO/ajoutCommandeLayout.xhtml">
	<ui:define name="body">
		<h:form id="form">
			<p:fieldset legend="Récapitulatif de la commande">
				<h:outputLabel value="Votre commande :" />
				<p:dataTable value="#{mbCommande.commande.produitsEnCommande}"
					var="produitEnCommande" resizableColumns="true" paginator="false">
					<p:column headerText="Libellé">
						<h:outputText value="#{produitEnCommande.produit.libelle}" />
					</p:column>
					<p:column headerText="Prix unitaire">
						<h:outputText value="#{produitEnCommande.produit.prixActuelTTC}">
							<f:convertNumber type="currency" />
						</h:outputText>
					</p:column>
					<p:column headerText="Quantité">
						<h:outputText value="#{produitEnCommande.quantite}" />
					</p:column>
					<p:column headerText="Prix total">
						<h:outputText
							value="#{produitEnCommande.produit.prixActuelTTC * produitEnCommande.quantite}" >
							<f:convertNumber type="currency" />
						</h:outputText>
					</p:column>
				</p:dataTable>

				<h:outputLabel value="Total commande H.T. : " />
				<h:outputLabel value="#{mbCommande.totalCommandeHT}">
					<f:convertNumber type="currency" />
				</h:outputLabel>
				<br />
				<h:outputLabel value="Total commande T.T.C. : " />
				<h:outputLabel value="#{mbCommande.totalCommandeTTC}">
					<f:convertNumber type="currency" />
				</h:outputLabel>

				<br />
				<br />
				<h:outputLabel value="Adresse :" />
				<br />
				<p:panelGrid columns="2">
					<p:row>
						<p:column>
							<p:fieldset legend="Adresse de livraison:">
								<h:outputLabel value="#{mbCommande.adresse1}" />
								<br />
								<h:outputLabel value="#{mbCommande.adresse2}" />
								<br />
								<h:outputLabel value="#{mbCommande.ville}" />
							</p:fieldset>
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<p:fieldset legend="Adresse de facturation">
								<h:outputLabel value="#{mbCommande.adresse1}" />
								<br />
								<h:outputLabel value="#{mbCommande.adresse2}" />
								<br />
								<h:outputLabel value="#{mbCommande.ville}" />
							</p:fieldset>
						</p:column>
					</p:row>
				</p:panelGrid>

				<br />
				<br />
				<h:outputLabel value="Mode de livraison :" />
				<br />
				<p:dataTable id="tabLivraison" value="#{mbCommande.tarifsLivraisonCommande}" var="tarif"
				selection="#{mbCommande.tarifLivraisonSelectionne}">
					    <p:column selectionMode="single" style="width:2%" />  
					<p:column headerText="Transporteur">
						#{tarif.societe}
					</p:column>
					<p:column headerText="Description">
						#{tarif.typeLivraison.libelle}
					</p:column>
					<p:column headerText="Prix">
						<h:outputText value="#{tarif.tarif}"><f:convertNumber type="currency" /></h:outputText>
					</p:column>
				</p:dataTable>

				<br />
				<br />
				<h:outputLabel value="Mode de paiement :" />
				<br />
				<h:panelGrid columns="2"  style="margin-bottom:10px" cellpadding="5">
					<p:selectOneRadio id="choixPaiement">
						<f:selectItem itemLabel="Paypal" itemValue="1" />
						<f:selectItem itemLabel="Carte bleu / Visa" itemValue="2" />
					</p:selectOneRadio>
				</h:panelGrid>
				
				<p:commandButton ajax="false" value="Valider la commande" action="#{mbCommande.validerCommande}">
				</p:commandButton>

			</p:fieldset>
		</h:form>
	</ui:define>
</ui:composition>